<template>
  <div class="advertisementManage">
    <el-row :gutter="20">
      <el-col :span="24">
        <IndexPageAd :pageIndexConfig="pageConfig[0].config"/>
        <!-- <el-tabs v-model="activeName">
          <el-tab-pane
            v-for="(item, index) in pageConfig"
            :key="index"
            :label="item.name"
            :name="item.index"
            lazy
          >
            <component
              :is="item.componentName"
              :pageIndexConfig="item.config"
            ></component>
          </el-tab-pane>
        </el-tabs> -->
      </el-col>
    </el-row>
  </div>
</template>
<script>
import IndexPageAd from "./indexPageAd.vue";
export default {
  data() {
    return {
      activeName: "1",
      pageConfig: [
        {
          name: "首页侧边栏",
          index: "1",
          componentName: "IndexPageAd",
          config: [
            {
              name: "首页热门文章",
              moduleId: "0",
              resType: "ZX",
            },
            {
              name: "首页活动",
              moduleId: "1",
              resType: "HD",
            },
            {
              name: "首页挚物研究院",
              moduleId: "2",
              resType: "BG",
            },
            {
              name: "首页案例库",
              moduleId: "3",
              resType: "AL",
            },
            {
              name: "首页企业库",
              moduleId: "4",
              resType: "QY",
            },
            {
              name: "首页热门标签",
              moduleId: "5",
              resType: "TAG",
            },
          ],
        },
      ],
    };
  },
  components: {
    IndexPageAd,
  },
};
</script>
